<html>

<head>
<link rel="stylesheet" type="text/css" href="resources/css/secoora.css"/>

<title>SECOORA Interactive Map Help</title>

<meta http-equiv=Content-Language content=en-us>
</head>

<body lang=EN-US link=blue vlink=blue style='tab-interval:.5in'>

<p><a href="http://secoora.org">
<img border="0" src="resources/images/legend/secoora_logo.png" width="300" height="97"></a></p>
<p>&nbsp;</p>
<p>&nbsp;</p>

<div class=Section1>

<p>&nbsp;</p>
<p><b>SECOORA's Interactive Map</b></p>
<p><br/><a name="Map_Interaction"><b>Map Interaction</b></a><br/></p>

<p>The map consists of three main parts the Data Layer Panel 
on the left side of the screen, the Map in the center and the Legend Panel on 
the right.</p>
<p><br/></p>

<p><b>Data Layer Panel</b></p>
<p>
<img border="0" src="resources/images/help/realtimelayerspanel.png" width="600" height="624"><br/></p>
<p>&nbsp;</p>
<p><b>Filters Panel</b></p>
<p>Filters allows the user to display platforms depending on the Organization 
and/or Observation filters enabled.</p>
<p>By default, no filters are applied. </p>
<p>
<img border="0" src="resources/images/help/Filters-annotated.png" width="600" height="688"><br/></p>

<p>&nbsp;</p>
<p><b>Observation Data Popup</b></p>
<p>This popup is triggered by clicking on a platform on the map. </p>
<p>
<img border="0" src="resources/images/help/obspopup-annotated.png" width="800" height="800"></p>
<p>&nbsp;</p>
<p><b>Map Panel</b></p>
<p>
<img border="0" src="resources/images/help/mappanel-annotated.png" width="818" height="681"></p>
<p><br/></p>
<p><i>ToolBar</i></p>
<p>
<img border="0" src="resources/images/help/toolbar.png" width="211" height="42"></p>
<p>
<br/></p>
<table cellpadding="0" cellspacing="0" width="450">
	<!-- MSTableType="layout" -->
	<tr>
		<td height="43" valign="top" align="top">
		<img border="0" src="resources/images/help/icon_zoomfull.png" width="20" height="20"></td>
		<td height="43" valign="top"><p>Z<span class=GramE>oom</span> 
		the map out to its extents.</td>
	</tr>
	<tr>
		<td height="10"></td>
		<td height="10"></td>
	</tr>
	<tr>
		<td height="37" valign="top">
		<img border="0" src="resources/images/help/icon_zoomin.png" width="20" height="20"></td>
		<td height="37" valign="top"><p>This allows you to draw 
		a box on top of the area you wish to zoom in to. Click the icon on the 
		tool bar, then click and hold the left mouse button on a point on the 
		map and draw the zoom box around the area to zoom, <span class=GramE>
		then</span> release the mouse button. </td>
	</tr>
	<tr>
		<td height="10"></td>
		<td height="10"></td>
	</tr>
	<tr>
		<td height="37" valign="top">
		<img border="0" src="resources/images/help/icon_zoomout.png" width="21" height="20"></td>
		<td height="37" valign="top"><p>This allows you to draw 
		a box to zoom out to. Click the icon on the tool bar, then click and 
		hold the left mouse button on a point on the map and draw the zoom box 
		around the area to zoom, <span
class=GramE>then</span> release the mouse button.</td>
	</tr>
	<tr>
		<td height="10"></td>
		<td height="10"></td>
	</tr>
	<tr>
		<td height="37" valign="top">
		<img border="0" src="resources/images/help/icon_pan.png" width="20" height="20"></td>
		<td height="37" valign="top"><p>Pan the map. Click this 
		icon, then click and hold the left mouse button and move the mouse to 
		pan the map.</td>
	</tr>
	<tr>
		<td height="10"></td>
		<td height="10"></td>
	</tr>
	<tr>
		<td height="37" valign="top">
		<img border="0" src="resources/images/help/info.png" width="16" height="16"></td>
		<td height="37" valign="top"><p>Query information from a 
		data layer. For example, if Real Time Observation is enabled and the 
		radio button is clicked, clicking on a buoy or land station will display 
		the current measurement information in a popup window (described above).</td>
	</tr>
	<tr>
		<td height="10"></td>
		<td height="10"></td>
	</tr>
	<tr>
		<td height="37" valign="top">
		<img border="0" src="resources/images/help/help.png" width="20" height="20"><p><br/></td>
		<td height="37" valign="top">Brings up this help 
		file.</td>
	</tr>
</table>
<p><br/></p>
<p><b>Legend Panel</b></p>
<p>The Legend Panel shows the various icons and gradients used for different map 
layers.</p>

<p>
<img border="0" src="resources/images/help/maplegend.png" width="184" height="651"><br/></p>

</div>

</body>

</html>